//
//  VisitorView.swift
//  CopyWB
//
//  Created by imac on 2017/5/17.
//  Copyright © 2017年 iimac. All rights reserved.
//

import UIKit

class VisitorView: UIView {

    //MARK: - 设置访客视图的信息
    /// 使用字典设置访客视图的信息，如现实的图片和现实的消息
    ///
    /// - Parameter dict: [imageName / message]
    var visitorInfo : [String : String]?{
        didSet{
            // 1> 取出字典的信息
            guard let imageName = visitorInfo?["imageName"],
                let message = visitorInfo?["message"] else{
                    return
            }
            
            // 2> 设置消息
            tipLabel.text = message
            
            // 3> 设置图像，首页不需要设置
            if imageName == ""{
                startAnimation()
                return
            }
            iconView.image = UIImage(named: imageName)
            
            // 隐藏小房子 \ 遮罩视图
            houseIconView.isHidden = true
            maskIconView.isHidden = true
        }
    }
    
    override init(frame: CGRect) {
       super.init(frame: frame)
        setupUI()
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    // 图标的旋转动画
    func startAnimation(){
        let anim = CABasicAnimation(keyPath: "transform.rotation")
        
        anim.duration = 15              //设置一次播放的持续时间
        anim.toValue = 2 * Float.pi     //设置旋转的角度
        anim.repeatCount = MAXFLOAT     //设置旋转的次数
        
        // 设置动画完成后不删除动画效果 ， 但是如果动画视图被释放，动画会被一起销毁
        // 完成动画的情景 ： 切换tabbar选项卡 ， 退出到桌面
        anim.isRemovedOnCompletion = false
        
        iconView.layer.add(anim, forKey: nil)   //为图层添加动画
        
    }
    
    //MARK: 私有控件
    // 懒加载属性只有在调用 UIKit 控件指定的构造函数可以不用加类型 ， 其他都需要使用“：类型”
    
    // 图像视图
    lazy var iconView = UIImageView(image: UIImage(named:"visitordiscover_feed_image_smallicon"))
    // 遮罩视图 - 不能使用maskView 因为UIView中默认存在
    lazy var maskIconView = UIImageView(image: UIImage(named: "visitordiscover_feed_mask_smallicon"))
    // 小房子
    lazy var houseIconView = UIImageView(image: UIImage(named:"visitordiscover_feed_image_house"))
    // 提示标签
    lazy var tipLabel :UILabel = UILabel.cz_label(withText: "关注一些人，回这里来看看有什么惊喜关注一些人，回这里来看看有什么惊喜", fontSize: 14, color: UIColor.darkGray)
    // 注册按钮
    lazy var registerButton : UIButton = UIButton.cz_textButton("注册", fontSize: 16, normalColor: .orange, highlightedColor: .black, backgroundImageName: "common_button_white_disable")
    // 登录按钮
    lazy var loginButton : UIButton = UIButton.cz_textButton("登录", fontSize: 16, normalColor: .darkGray, highlightedColor: .black, backgroundImageName: "common_button_white_disable")

}
//MARK： 设置界面
extension VisitorView {
    func setupUI(){
        // 在开发的时候能用颜色就不应该用图像，因为颜色的效率更高
        backgroundColor = UIColor.cz_color(withHex: 0xEDEDED)
        
        //添加私有控件
        addSubview(iconView)
        addSubview(maskIconView)
        addSubview(houseIconView)
        addSubview(tipLabel)
        addSubview(registerButton)
        addSubview(loginButton)
        
        // 设置文本居中
        tipLabel.textAlignment = .center
        
        //取消autoresizing
        for v in subviews{
            v.translatesAutoresizingMaskIntoConstraints = false
        }
        //设置自动布局
        let margin : CGFloat = 20
        
        // 1> 转轮
        addConstraint(NSLayoutConstraint(item: iconView,
                                         attribute: .centerX,
                                         relatedBy: .equal,
                                         toItem: self,
                                         attribute: .centerX, 
                                         multiplier: 1,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: iconView,
                                         attribute: .centerY,
                                         relatedBy: .equal,
                                         toItem: self,
                                         attribute: .centerY,
                                         multiplier: 1,
                                         constant: -60))
        //  2> 小房子
        addConstraint(NSLayoutConstraint(item: houseIconView,
                                         attribute: .centerY,
                                         relatedBy: .equal, 
                                         toItem: iconView, 
                                         attribute: .centerY, 
                                         multiplier: 1, 
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: houseIconView,
                                         attribute: .centerX,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .centerX,
                                         multiplier: 1,
                                         constant: 0))
        // 3> 提示label
        addConstraint(NSLayoutConstraint(item: tipLabel,
                                         attribute: .centerX,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .centerX,
                                         multiplier: 1,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: tipLabel,
                                         attribute: .top,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .bottom,
                                         multiplier: 1,
                                         constant: margin))
        addConstraint(NSLayoutConstraint(item: tipLabel,
                                         attribute: .width,
                                         relatedBy: .equal,
                                         toItem: nil,
                                         attribute: .notAnAttribute,
                                         multiplier: 1,
                                         constant: 243))
        
        // 4> 注册按钮
        addConstraint(NSLayoutConstraint(item: registerButton,
                                         attribute: .left,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .left,
                                         multiplier: 1,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: registerButton,
                                         attribute: .top,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .bottom,
                                         multiplier: 1,
                                         constant: margin))
        addConstraint(NSLayoutConstraint(item: registerButton,
                                         attribute: .width,
                                         relatedBy: .equal,
                                         toItem: nil,
                                         attribute: .notAnAttribute,
                                         multiplier: 1,
                                         constant: 100))
        
        // 5> 登录按钮
        
        addConstraint(NSLayoutConstraint(item: loginButton,
                                         attribute: .right,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .right,
                                         multiplier: 1,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: loginButton,
                                         attribute: .top,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .bottom,
                                         multiplier: 1,
                                         constant: margin))
        addConstraint(NSLayoutConstraint(item: loginButton,
                                         attribute: .width,
                                         relatedBy: .equal,
                                         toItem: nil,
                                         attribute: .notAnAttribute,
                                         multiplier: 1,
                                         constant: 100))
        
        // 6> 遮罩图像
        // views:定义 VFL 中的控件名称和时机名称的映射关系
        // metrics : 定一VFL中（）指定常数映射关系
        let viewDict = ["v0" : maskIconView,
                        "v1" : registerButton] as [String : Any]
        let metrics = ["spacing" : -35]
        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "H:|-0-[v0]-0-|",
                                                      options: [],
                                                      metrics: nil,
                                                      views: viewDict))
        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:|-0-[v0]-(spacing)-[v1]",
                                                      options: [],
                                                      metrics: metrics,
                                                      views: viewDict))
        
    }
}
